<template>
	<view class="navbar"
	:style="{
		'background-image': `url(${require('@/static/img/banner-1.png')})`
	}">
		<view class="title">
			首页
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="less">
	.navbar {
		width: 100%;
		height: calc(64px + 156px) !important;
		background:#17C58A;
		background-size: cover;
		background-repeat: no-repeat;
		.navbar-bg {
			height: 100%;
			width: 100%;
		}
		.title {
			height: 55px;
			color: #fff;
			font-size: 18px;
			display: flex;
			align-items: flex-end;
			justify-content: center;
		}
	}
</style>